import { memo } from 'react';
import type { ReactNode, FC } from 'react';
import { AppfooterContentWrapper, AppfooterWrapper } from './style';
interface IProps {
  children?: ReactNode;
}

const AppFooter: FC<IProps> = (props) => {
  return (
    <AppfooterWrapper>
      <AppfooterContentWrapper className="w980">
        <div className="enters">
          <div className="enter">
            <a href="" className="foot_enter icon_1"></a>
            <span>音乐开放平台</span>
          </div>
          <div className="enter">
            <a href="" className="foot_enter icon_2"></a>
            <span>云村交易所</span>
          </div>
          <div className="enter">
            <a href="" className="icon_3"></a>
            <span>X StudioAI歌手</span>
          </div>
          <div className="enter">
            <a href="" className="foot_enter icon_4"></a>
            <span>用户认证</span>
          </div>
          <div className="enter">
            <a href="" className="icon_5"></a>
            <span>AI 免费写歌</span>
          </div>
          <div className="enter">
            <a href="" className="icon_6"></a>
            <span>云推歌</span>
          </div>
          <div className="enter">
            <a href="" className="foot_enter icon_7"></a>
            <span>赞赏</span>
          </div>
        </div>
        <div className="copy">
          <p className="link">
            <a href="">服务条款</a>
            <span>|</span>
            <a href="">隐私政策</a>
            <span>|</span>
            <a href="">儿童隐私政策</a>
            <span>|</span>
            <a href="">版权投诉</a>
            <span>|</span>
            <a href="">投资者关系</a>
            <span>|</span>
            <a href="">广告合作</a>
            <span>|</span>
            <a href="">联系我们</a>
          </p>
          <p className="en_right">
            <a href="">廉正举报</a>
            <span>不良信息举报邮箱: xxxxxxx@xxxxxxx.xxxxxxx.com</span>
            <span> 客服热线：xxxxxxxx</span>
          </p>
          <p>
            <span>互联网宗教信息服务许可证：X（XXXX）xxxxxxx</span>
            <span>增值电信业务经营许可证：Xxx-xxxxxxxx</span>
            <a href="">Xxx-xxxxxxxx-xx 工业和信息化部备案管理系统网站</a>
          </p>
          <p>
            <span>XX公司版权所有©xxxx-xxxx</span>
            <span>xxxxxxxxxx运营：</span>
            <a href="">XXX[xxxx] xxxx-xxx号</a>
            <a href="">XXXXX xxxxxxxxxxxxxx号</a>
            <a href="">算法服务公示信息</a>
          </p>
        </div>
      </AppfooterContentWrapper>
    </AppfooterWrapper>
  );
};

export default memo(AppFooter);
